{include file="assets::smarty-templates::notifications"|ToPath}
{block name=script}
    {script_entry_point src="Acaweb.Athentication.Login"}
{/block}
{html_css file="overlay/overlay.css"}
<div style="width: 430px; margin: 100px auto;">
    <form action="{$action}" method="post" class="form-validate">
        <fieldset>
            <label>Iniciar Sesi&oacute;n<span style="float: right;"><a id="ayudaLink" rel="#ayuda">Ayuda</a></span></label>
            <dl>
                <label>Usuario</label>
                <div>
                    <input type="text" class="required small" name="user[username]" placeholder="Usuario" />
                    <span title="Campo Requerido" class="obligatorio"></span>
                </div>
            </dl>
            <dl>
                <label>Contrase&ntilde;a</label>
                <div>
                    <input type="password" class="required small" name="user[password]" placeholder="Contrase&ntilde;a" />
                    <span title="Campo Requerido" class="obligatorio"></span>
                </div>
            </dl>
            <dl>
                <div>
                    <div style="float: right;">
                        <button type="submit" class="small">Entrar</button>
                    </div>
                </div>
            </dl>
        </fieldset>
        <div style="float: right;">
            <a href="{$loginEgresado}" id="egresado" >Si eres <strong>Egresado</strong> Bonaventuriano, haz Click aqu&iacute;</a>
        </div>
    </form>
</div>
<div style="clear:both"></div>
<div id="ayuda" class="overlay">
    <div class="alert">
        <span></span>
        <div class="text">
            <ul>
                <li>Si eres estudiante:</li>
                <ul>
                    <li>Usuario: C&oacute;digo estudiantil</li>
                    <li>Contrase&ntilde;a: Contrase&ntilde;a con la que Usted entra al portal a revisar las notas acad&eacute;micas</li>
                </ul>
            </ul>
        </div>
    </div>
    <div class="alert">
        <span></span>
        <div class="text">
            <ul>
                <li>Si eres docente:</li>
                <ul>
                    <li>Usuario: Usuario con que Usted entra al portal de publicaci&oacute;n de notas</li>
                    <li>Contrase&ntilde;a: Contrase&ntilde;a con la que Usted entra al mismo</li>
                </ul>
            </ul>
        </div>
    </div>
</div>